import React, { Component } from 'react';
import '../../styles/my/OrderBox.scss'

import pic1 from '../../assets/payment.png';
import pic2 from '../../assets/deliver.png';
import pic3 from '../../assets/shipped.png';

class ORderBox extends Component {
    render() {
        return (
            <div className='ORderBox'>
                {/* 订单组件 */}
                <div className='orderTop'>
                    <div className=''>我的订单</div>
                    <div className='orderAll'>查看全部订单 &gt;</div>
                </div>
                <div className='orderOther'>
                    <div className='orderItem payment'>
                        <img src={pic1} alt="" />
                        <div className='orderText'>待付款</div>
                    </div>
                    <div className='orderItem deliver'>
                        <img src={pic2} alt="" />
                        <div className='orderText'>待发货</div>
                    </div>
                    <div className='orderItem shipped'>
                        <img src={pic3} alt="" />
                        <div className='orderText'>已发货</div>
                    </div>
                </div>
            </div>
        );
    }
}

export default ORderBox;